<template>
  <el-main>
<div class="father">
  <div class="brother-1">
    <div>
      <h2 class="title-1">问卷猩后台管理系统</h2>
    </div>
    <div style="border-bottom: 1px solid darkslateblue"></div>
    <div>
      <h3 class="title-1">调查目的</h3>
      <div class="title-text">为了更方便学校了解大家在学校学习的情况</div>
      <h3 class="title-1">填写要求</h3>
      <div class="title-text">1、看清楚问卷内容</div>
      <div class="title-text" style="margin-top: 10px">2、看清楚答案</div>
      <div class="title-text" style="margin-top: 10px">3、根据自身情况真实填写</div>
      <h3 class="title-1">填写方式</h3>
      <div class="title-text">直接在小程序填写即可</div>
    </div>
  </div>
  <div class="brother-2">
    <div>
      <h2 class="title-1">贵州民族大学</h2>
    </div>
    <div style="border-bottom: 1px solid darkslateblue"></div>
    <div>
      <h3 class="title-1">学校介绍</h3>
      <div class="title-text">优美的校园环境</div>
      <div class="title-text" style="margin-top: 10px">善解人意的学姐</div>
      <div class="title-text" style="margin-top: 10px">负责认真的老师</div>
      <h3 class="title-1" style="color: orangered">You Need To Do !</h3>
      <div class="title-text" style="margin-top: 10px">
        <h3>赶紧加上学姐<span style="color: hotpink;">QQ：1804806181</span>开始报名解决疑惑吧！</h3>
      </div>
    </div>
  </div>
</div></el-main>
</template>

<script>
export default {
  name: "HomeMain",
  data(){
    return{

    }
  },
  methods:{

  },
}
</script>

<style scoped>
.father{
  display: flex;
  line-height: normal;
}
.brother-1{
  background-color: #42b983;
  border-radius: 5px;
  box-shadow: 2px 2px 10px 2px gray;
  width: 50%;
  height: 400px;
  margin-top: 30px;
}
.brother-2{
  background-color: skyblue;
  border-radius: 5px;
  box-shadow: 2px 2px 10px 2px gray;
  width: 50%;
  height: 400px;
  margin-top: 30px;
}
.title-1{
  text-align: left;
  margin-left: 20px;
}
.title-text{
  text-align: left;
  margin-left: 50px;
}
</style>
